import {Row, Col, Input, Typography,Card} from 'antd';
import {Field} from 'saltui';
import './css/roomnew.less';
import React from "react";
const {Text, Title} = Typography;

{/*<div>*/}
  {/*<Input placeholder="请输入"/>*/}
{/*</div>*/}
export default class RoomInfo extends React.Component {

  render() {

    return (
      <div className="room-new-content">
        <Card title="房间"  size="small">
          <Row>
            <Col span={10}>
              <Field label="楼层：">
                <div>
                  <Title level={4}>1楼</Title>
                </div>
              </Field>
            </Col>
            <Col span={10}>
              <Field label="房间号：">
                <Title level={4}>0101</Title>
              </Field>

            </Col>
            <Col span={4} className="room-new-text" >

              <Title level={4}> <Text code>亲子房</Text></Title>
            </Col>
          </Row>
          <Row gutter={4}>
            <Col span={12}>
              <Card title="设施" size="small" >
                <Text code>空调</Text> <Text code>洗衣机</Text>
              </Card>

            </Col>
            <Col span={12}>
              <Card title="服务"  size="small" >

                <Text code>禁烟客房</Text> <Text code>露台</Text>
              </Card>
            </Col>
          </Row>
          <Row>
            <Col span={12}>
              <Field label="单人床：">
                <div>
                  <Title level={4}>2</Title>
                </div>
              </Field>
            </Col>
            <Col span={12}>
              <Field label="双人床：">
                <Title level={4}>1</Title>
              </Field>
            </Col>
          </Row>
        </Card>

      </div>
    );
  }
}
